<template>
    <h-form :model="model" label-width="180px" label-position="left">
        <h-form-item label="账号">
            <h-input type="text" v-model="model.password" prop="username"></h-input>
        </h-form-item>
        <h-form-item label="密码">
            <h-input type="password" v-model="model.username" prop="password"></h-input>
        </h-form-item>
        <h-form-item label="开关">
            <h-switch v-model="model.isChecked" prop="isChecked"></h-switch>
        </h-form-item>
    </h-form>
</template>
<script lang="ts" setup>
import { reactive } from 'vue'
const model = reactive({
    username: '',
    password: '',
    isChecked: false
})
</script>
